<!DOCTYPE html>
<html lang="en" class="base-theme">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" href="/vite.svg" />
        <link rel="stylesheet" href="src/styles/init-loading_1.css" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>My_Youlai_5m</title>
        <style>
            /* :root {
                --menuBg: #304156;
                --menuBg: pink;
                --menuText: #bfcbd9;
                --menuActiveText: #409eff;
                --menuHover: #263445;
                --sideBarExpandWidth: 210px;
                --sideBarColappseWidth: 64px;
            } */
        </style>

        <script>
            //console.log('document.readyState='+document.readyState);
            //console.log("in script");
            // console.log(
            //     JSON.stringify(
            //         getComputedStyle(document.documentElement).getPropertyValue(
            //             "--menuBg"
            //         )
            //     )
            // );
            // console.log("end script");
            // document.addEventListener('readystatechange', () => {
            //     console.log('document.readyState='+document.readyState);
            //     console.log(JSON.stringify(
            //         getComputedStyle(document.documentElement).getPropertyValue(
            //             "--menuBg"
            //             )
            //         )
            //     );
            // });
        </script>
    </head>
    <body style="height: 100vh; --testA: yellow;--menuBg: #304156;">
        <div id="app" class="app">
            <!--加载动画1,当vue读取完毕后，接管该 div-->
            <!--加载动画2-->
            <div class="mesh-loader">
                <div class="set-one">
                    <div class="circle"></div>
                    <div class="circle"></div>
                </div>
                <div class="set-two">
                    <div class="circle"></div>
                    <div class="circle"></div>
                </div>
            </div>
        </div>
        <script type="module" src="/src/main.ts"></script>
    </body>
</html>
